<template>
  <div class="enterprise">
    <div class="enter" v-show="hideenter">
      <!-- 头部 -->
      <div class="my_header">
        <i class="mui-icon mui-icon-arrowleft" aria-hidden="true" @click="$router.back(-1)"></i>
        <div class="top1">企业认证</div>
      </div>

      <!-- 表单内容 -->
      <form class="mui-input-group" id="top">
        <div class="mui-input-row comname">
          <label>公司名称</label>
          <input type="text" :disabled='isdisabled' class="mui-input-clear" v-model="renzhneg.name"
                 placeholder="请输入公司全称">
        </div>
        <div class="mui-input-row">
          <label>注册号</label>
          <input type="text" :disabled='isdisabled' class="mui-input-clear" v-model="renzhneg.number"
                 placeholder="请输入公司注册号">
        </div>
        <div class="mui-input-row">
          <label>法人代表</label>
          <input type="text" :disabled='isdisabled' class="mui-input-clear" v-model="renzhneg.legal"
                 placeholder="请输入法人代表姓名">
        </div>
        <div class="mui-input-row">
          <label>联系电话</label>
          <input type="text" :disabled='isdisabled' class="mui-input-clear" v-model="renzhneg.mobile"
                 placeholder="请输入法人代表联系电话">
        </div>
        <div class="mui-input-row">
          <label>企业电话</label>
          <input id="date" :disabled='isdisabled' type="text" class="mui-input-clear" v-model="renzhneg.phone"
                 placeholder="请输入企业电话">
        </div>
      </form>
      <!-- 营业执照 -->
      <div class="work">
        <h3>上传营业执照
        </h3>
        <div class="add">
          <input name="" id="aa" :disabled='isdisabled' type="file" @change="preview">
          <img class="imgs" v-bind:src="yyzzimg" id="LAY_demo_upload" alt="">
          <h4 v-show='tos'>营业执照</h4>
        </div>
        <p><span>*</span>（图片不能大于2MB）</p>
        <p><span>*</span> 营业执照的图片必须为清晰原件照片：注册号、企业名称、法人代表、年检章等清晰可辨。上传虚假信息将封禁账号！</p>
      </div>
      <!-- 阅读并同意 -->
      <div class="agree">
        <!-- <van-checkbox id="inp"  v-model="checked"></van-checkbox> -->
        <input :disabled='isdisabled' type="checkbox" v-model="checked"/>
        <span>阅读并同意</span> <a @click="showPact()">认证协议</a>
      </div>
      <!-- 提交按钮 -->
      <!-- <div class="button">
          <button class="btn"  @click="submitBtn()" v-show="code==201">提 交</button>
          <button class="shzbtn" v-show="status==0" >审核中</button>
          <button class="shsb" v-show="status==2"  @click="submitBtn()" >审核失败，重新提交</button>
      </div> -->

      <div class="button">
        <!-- :class="btn" -->
        <button class="btn" @click="submitBtn()" v-if="code==201">提 交</button>
        <button class="shzbtn" v-else-if="status==0">审核中</button>
        <div v-else-if="status==2">
          <button class="btn" @click="submitBtn()">提交</button>
          <div class="shsb"> 审核失败，重新提交</div>
        </div>
      </div>

      <div class="enterprise-interests">
        <br/>
        <h4>完成企业认证可获得如下权益：</h4>
        <br/>
        <div>1、免费向失信前员工追偿企业损失；</div>
        <br/>
        <div>2、免费获得5次查询机会；</div>
        <br/>
        <div>3、每上传1份黑名单免费获得10次查询机会；</div>
        <br/>
        <div>4、更优惠的企业查询套餐。</div>
      </div>
    </div>

    <!-- 认证协议 -->
    <div class="pact" v-show="pactdisplay">
      <!-- 头部 -->
      <div class="my_header">
        <i class="mui-icon mui-icon-arrowleft" aria-hidden="true" @click="backEnter()"></i>
        <div class="top1">认证协议</div>
      </div>
      <!-- 协议内容 -->
      <div class="title">
        <h4>职场官企业认证协议</h4>
        <p>职场官是由浙江农爸比科技有限公司（或简称农爸比）创建的一个简单有效的职场征信追偿系统。
          企业认证服务协议（以下简称“本协议”）所述条款和条件构成企业与职场官公司就申请职场官企业认证服务所达成的协议。
          本协议所述服务仅在职场官站内有效，职场官是指http://www.zhichangguan.com及其所属网页。</p>
        <h5>1.接受条款</h5>
        <p>如果您申请职场官的企业认证服务等相应使用服务的行为，即表示您已充分阅读、理解并同意接受本协议及职场官《用户协议》的约束。
          您必须是能够承担相应法律责任的企业组织或法人。若您不具备此资格，请不要使用职场官提供的企业认证服务。
          职场官有权更新本协议，本协议的每次更新会在职场官上公布，公示时间截止后即刻生效。如果您拒绝接受新的协议，
          您必须放弃使用职场官提供的服务；若您继续使用职场官提供的服务，则表明您已阅读、理解、认可并接受新的协议。
          当您使用职场官提供的企业认证服务时，您知晓并且同意本协议及相关企业认证服务的介绍及说明。
          本服务的一切著作权、商标权、专利权、商业秘密等知识产权，以及与本服务相关的所有信息内容（包括但不限于文字、图片、音频、视频、图表、界面设计、版面框架、有关数据或电子文档）
          均受中华人民共和国法律法规和相应的国际条约保护，职场官享有上述知识产权，但相关权利人依照法律规定应享有的权利除外。
          职场官有权根据实际情况调整企业认证服务的服务内容，无需事先征得您的同意且无需因此向任何人承担责任。除非特别声明，某些增强服务的新功能也适用本协议。
          本协议只有职场官才有权解释、修改、发布；本协议中的限制、免责或提醒条款等可能以加粗形式提示您注意。</p>
        <h5>2.企业认证服务定义</h5>
        <p> 本产品为平台针对职场官全体企业组织企业用户资质进行实名认证，实名认证是指企业用户通过在云网上传企业证照和相关信息
          （包含企业名称、办公电话、电子邮箱、联系人、联系地址、企业法人代表名称、身份证号、工商注册证照、税务登记证、组织机构代码证等信息），
          经平台审核通过后，即视为完成实名认证。</p>
        <h5>3.认证企业的权利和义务</h5>
        <div> 1.认证企业权益：</div>
        <div>(1) 拥有上传共享黑名单的权利</div>
        <div>(2) 通过平台对失信者所造成的企业损失发起追偿的权
          利；
        </div>
        <div>(3) 完成平台任务获得免费查询名额的权利；</div>
        <div>(4) 享受其购买的企业认证服务内容。参见职场官上公
          布的相关内容http://www.zhichangguan.com。
        </div>
        <p> 2.认证企业义务：<br>
          企业用户应在申请企业认证服务时根据职场官的要求提供营业执照等相关材料，职场官公司在收到申请后三个工作日内进行审核。如企业用户提供的材料不符合要求，
          企业用户应立即根据职场官的要求重新提供新的材料。企业用户应保证其向职场官提供的所有材料、信息合法、真实、准确、完整、有效，否则，职场官公司有权立即终止其企业认证服务，
          由此造成企业用户其他相关服务中断的，职场官公司不承担任何责任。
          通过企业认证的企业用户在使用职场官提供的相关服务时必须保证遵守中国有关法律法规的规定；不得利用职场官进行任何非法活动；必须遵守所有与使用职场官有关的协议、规定、程序和惯例。
          通过企业认证的企业用户需对其在职场官上的所有行为及向职场官提供上传的任何形式的产品、公司材料、信息的合法性、真实性、准确性、完整性以及由此产生的所有问题承担责任。
          在企业认证服务有效期内，如名称、注册地址等工商注册信息发生变更的，企业用户应在工商营业执照变更后的三个工作日内重新提交材料，职场官公司在收到材料后三个工作日内进行审核。
          因企业用户未及时更新相关材料信息引起的责任由企业用户自行承担，职场官公司对此不承担任何责任。
          在企业认证服务有效期内，如出现注销或者被吊销营业执照等情况时，企业用户应立即告知职场官公司，终止发布信息。职场官公司发现企业用户出现前述情况时，
          有权立即终止企业用户资格和所有服务。
          本协议非因职场官公司的原因（如企业用户未及时提供合格材料等）而被终止后，企业用户仍需要开通企业认证服务的，则需要重新申请。
          通过企业认证的企业用户如因违反本协议及所有有效的协议、规定、程序和惯例给职场官公司造成损失的，必须承担赔偿责任。</p>
        <h5>4.职场官的权利和义务</h5>
        <p> 职场官有权要求企业用户提供认证所需的各类材料，包括但不限于营业执照、银行开户证明等有效证明文件。如企业用户不能及时提供、
          提供的材料违反国家的法律法规或明显不合理的，职场官公司有权不允许企业用户发布相关信息且不承担违约责任。
          职场官公司有权决定并删除通过企业认证的企业用户张贴的任何违反中国法律、法规、职场官《用户协议》内容，或其他职场官认为不可接受的内容。情节严重者
          ，职场官公司有权取消其企业用户资格且不予退还任何费用。
          对于因职场官合理控制范围以外的原因，包括但不限于法律法规变更、政府政策变化、不可抗力（自然灾害、战争行为、社会事件等）、病毒、木马、黑客攻击、
          系统不稳定、第三方服务瑕疵、政府行为，致使本网服务延迟、中断，数据丢失以及其他的损失和风险，职场官不承担任何责任。但将尽力减少因此而给企业用户造成的损失和影响。
          如因职场官原因，造成企业用户企业认证服务的不正常中断，企业用户有权向职场官公司申请顺延被中断的服务时间。职场官不承担企业用户的其他任何损失。</p>
        <h5>5.服务费用</h5>
        <p> 职场官的企业损失追偿、查询信息为收费服务（因网站运营政策调整而实施的免费政策除外），具体收费标准以职场官上公布的信息为准。</p>
        <h5>6.服务期限</h5>
        <p> 职场官的企业认证服务有效期结束时间为企业营业执照到期时间。职场官有权判定通过企业认证的企业用户的行为是否符合职场官《用户协议》的要求，如果不符合要求，
          职场官有权决定并取消该企业用户的企业认证服务或者采取其他职场官认为合适的措施。</p>
        <h5>7.服务终止</h5>
        <p> 职场官有权在下列情形下拒绝企业认证服务的订购或终止、取消企业认证服务，且不退还任何费用（追偿费用除外）。
        <div>1.企业用户违反了本协议或职场官《用户协议》的任一
          条款。
        </div>
        <div>2.根据本协议第一条、第三条第二项、第六条相关说明
          而终止服务
        </div>
        <h5>8.责任声明</h5>
        <p> 职场官对职场官上提供的信息及服务之有效性，准确性，正确性，可靠性，质量，稳定，完整和及时性等均不作承诺和保证，
          企业用户必须对服务中的内容自行判断，并承担由内容而引起的所有风险。职场官对企业用户的任何商业活动行为不作任何明示或暗示的承诺与保证。
          企业用户知悉并认可任何信息资料的传输取决于企业用户自己并由其承担系统受损或资料丢失的所有风险和责任。</p>
        <h5>9.法律适用及管辖</h5>
        <p> 本协议的订立、变更、执行和解释，以及与本协议条款有关的争议，均适用中华人民共和国法律；
          如与本协议有关的某一特定事项缺乏明确法律规定，则应参照通用的商业惯例和行业惯例。
          如因本协议内容或其执行发生争议，企业用户和职场官应友好协商解决，协商不成时，
          任何一方均应向职场官所在地有管辖权的法院提起诉讼。</p>
        <h5>10.帮助与反馈</h5>
        <p> 您可对职场官的服务进行评价和反馈，以便职场官不断完善该功能，提升企业用户体验。
          如您在查看或使用过程中遇到困难，请仔细阅读相关附件或拨打职场官客服电话：13857187843、13857187943。</p>
      </div>
    </div>

    <!-- 认证通过提示 -->
    <div v-if="confirm11" class="confirm">
      <!-- 头部 -->
      <div class="my_header">
        <i class="mui-icon mui-icon-arrowleft" aria-hidden="true" @click="goQiye()"></i>
        <div class="top1">企业认证</div>
      </div>
      <!-- 成功提示 -->
      <div class="success">
        <img src="static/icon_pc/icon/icon_pass_big.png" alt="">
        <p>您的企业信息已审核通过!</p>
      </div>
    </div>


  </div>
</template>

<script>
  export default {
    data() {
      return {
        confirm11: false, //认证通过显示
        hideenter: true, //显示企业认证内容
        pactdisplay: false, // 显示认证协议内容
        isdisabled: false,
        checked: true,
        // 表单数据
        yyzzimg: "",
        title: "",
        tos: true,
        renzhneg: {
          token: "",
          name: "",
          number: "",
          legal: "",
          mobile: "",
          phone: "",
          license_img: ""
        },
        status: 4,
        usertype: "",
        code: ""
      };
    },
    created() {
      var token = localStorage.getItem("token");
      this.fromHomePage = this.$route.query.fromHomePage;

      this.renzhneg.token = token;
      var that = this;
      that.renzhenginfo(token);
      that.gettype(token);
    },
    methods: {
      //      	获取用户类型
      gettype(token) {
        var that = this;
        $.ajax({
          type: "get",
          url: "http://zcapi.hrgsxt.cn/api/User/index",
          data: {
            token: token
          },
          cache: false,
          dataType: "json",
          success: function (data) {
            // console.log(data.data.type +"进来呀1");
            if (data.code == 200) {
              // if(data.data.type==2){
              // that.usertype=2;
              that.title = "企业认证";
              // }else{
              // 	that.usertype=1;
              // 	that.title='个人认证'
              // }
            }
          }
        });
      },

      // 认证信息
      renzhenginfo(token) {
        console.log(token);
        var that = this;
        // console.log();
        $.ajax({
          type: "get",
          url: "http://zcapi.hrgsxt.cn/api/User_apply/info",
          data: {
            token: token
          },
          cache: false,
          dataType: "json",
          success: function (data) {
            console.log(data.data.status);
            that.code = data.code;
            //0表示审核中，1表示通过  2表示认证失败
            if (data.data.status == 0) {
              that.isdisabled = true; //如果在审核中，则输入框禁用
              console.log(JSON.stringify(data.data) + "呀呀呀");
              (that.renzhneg.name = data.data.name),
                (that.renzhneg.number = data.data.number),
                (that.renzhneg.legal = data.data.legal),
                (that.renzhneg.mobile = data.data.mobile),
                (that.renzhneg.phone = data.data.phone),
                (that.renzhneg.license_img = data.data.license_img);
              if (data.data.license_img != "") {
                that.yyzzimg = data.data.license_img;
              }

              that.status = 0;
            } else if (data.data.status == 1) {
              // console.log(JSON.stringify(data.data) + "通过");
              // 审核通过之后，显示上传黑名单页面
              // that.$router.push("/confirm");
              that.confirm11 = true;
              that.hideenter = false;

            } else if (data.data.status == 2) {
              (that.renzhneg.name = data.data.name),
                (that.renzhneg.number = data.data.number),
                (that.renzhneg.legal = data.data.legal),
                (that.renzhneg.mobile = data.data.mobile),
                (that.renzhneg.phone = data.data.phone),
                (that.renzhneg.license_img = data.data.license_img);
              if (data.data.license_img != "") {
                that.yyzzimg = data.data.license_img;
              }
              that.status = 2;
            } else {
              if (that.fromHomePage) {
                that.$dialog.alert({
                  message: '请先完成企业认证'
                }).then(() => {
                  // on close
                });
              }
            }
          }
        });
      },

      //上传图片`
      preview(file) {
        var that = this;
        let fileSize = file.target.files[0].size;
        if (fileSize < 2048000) {
          that.tos = false;
          var LAY_demo_upload = document.getElementById("LAY_demo_upload");
          if (file.target.files[0]) {
            var reader = new FileReader();
            reader.onload = function (evt) {
              // prevDiv.innerHTML = '<img src="' + evt.target.result + '" />';
              var formData = new FormData();
              formData.append("attest_img", file.target.files[0]);
              $.ajax({
                url: "http://zcapi.hrgsxt.cn/admin/Upload/index",
                type: "post",
                data: formData,
                processData: false,
                contentType: false,
                success: function (msg) {
                  console.log(msg);
                  that.renzhneg.license_img = JSON.parse(msg).data;
                  that.yyzzimg = "http://zcapi.hrgsxt.cn/" + JSON.parse(msg).data;
                }
              });
            };
            reader.readAsDataURL(file.target.files[0]);
          } else {
            prevDiv.attr("src", file.value);
            // prevDiv.innerHTML = '<div class="img" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src=\'' + file.value + '\'"></div>';
          }
        } else {
          that.$toast("图片不能大于2MB");
        }

      },

      // 点击显示认证协议
      showPact() {
        this.pactdisplay = true;
        this.hideenter = false;
      },
      // 点击认证协议中的返回箭头，隐藏当前协议，显示企业认证信息
      backEnter() {
        this.pactdisplay = false;
        this.hideenter = true;
      },
      // 认证通过提示
      goQiye() {
        this.$router.push({
          path: './corporatecenter',
          query: {}
        });
        this.confirm11 = false
      },

      // 点击返回键，显示到个人中心


      // 表单提交按钮
      submitBtn() {
        var that = this;
        var reg = /^[1][3,4,5,7,8][0-9]{9}$/; //电话正则
        console.log(that.renzhneg);
        // 提交之前判断输入是否合法
        if (that.renzhneg.name == "") {
          that.tos = true;
          that.$toast("请输入公司全称");
          return;
        }
        if (that.renzhneg.number == "") {
          that.$toast("请输入公司注册号");
          return;
        }

        if (that.renzhneg.legal == "") {
          that.$toast("请输入法人代表姓名");
          return;
        }

        if (that.renzhneg.mobile == "" || !reg.test(that.renzhneg.mobile)) {
          that.$toast("请输入有效且不为空的法人联系电话");
          return;
        }

        if (that.renzhneg.phone == "") {
          that.$toast("请输入有效且不为空的企业电话");
          return;
        }
        if (that.renzhneg.license_img == "") {
          that.$toast("请上传营业执照");
          return;
        }
        if (that.checked == false) {
          that.$toast("请阅读并同意认证协议");
          return;
        } else {


          // var reg = /^[1][3,4,5,7,8][0-9]{9}$/;
          // var reg1 = /^[1][3,4,5,7,8][0-9]{9}$/;
          // if (!reg.test(that.renzhneg.mobile)) {
          //   that.$toast({
          //     message: "请输入有效的联系电话"
          //   });
          // }
          // if (!reg1.test(that.renzhneg.phone)) {
          //   that.$toast({
          //     message: "请输入有效的企业电话"
          //   });
          // }

          var objrenzheng = that.renzhneg;
          console.log(JSON.stringify(objrenzheng));
          $.ajax({
            type: "post",
            url: "http://zcapi.hrgsxt.cn/api/User_apply/add",
            data: objrenzheng,
            cache: false,
            dataType: "json",
            success: function (data) {
              console.log(JSON.stringify(data) + "yaya1");
              if (data.code == 200) {
                console.log(JSON.stringify(data));
                that.$toast(data.message);
                that.status = 0; //显示审核中状态
                // location.reload();
              } else {
                console.log(JSON.stringify(data.data) + "yaya2");
                that.$toast(data.message);
              }
            }
          });
        }
      }
    }
  };
</script>

<style scoped>
  /* .comname{
          display:none;
      } */
  .isdisplay {
    display: block !important;
  }

  .enterprise-interests {
    color: red;
    margin: 0 0 0 0.3rem;
  }

  .enterprise-interests h4 {
    color: red;
    text-align: left;
  }

  .agree input[type="checkbox"] {
    height: 20px;
    vertical-align: middle;
    width: 20px;
  }

  .agree input[type="checkbox"]:checked {
    background-position: -48px 0;
  }

  .van-checkbox__icon--round .van-icon {
    border-radius: 0 !important;
  }

  #top {
    margin-top: 0.88rem;
  }

  .add {
    width: 2.2rem;
    height: 1.7rem;
    /* border: .001rem #efefef dashed; */
    position: relative;
    text-align: center;
    background-image: url("../../../static/icon_pc/icon/icon_add_small.png");
    background-color: rgb(226, 226, 226);
    background-repeat: no-repeat;
    background-position: 50% 35%;
    overflow: hidden;
    background-size: 0.6rem 0.6rem;
    margin: 0.2rem 0px;
  }

  .add .imgs {
    margin: 0 auto;
    padding: 1px;
  }

  .mui-input-group {
    /* margin-top: .88rem; */
  }

  .add h4 {
    font-size: 0.24rem;
    color: #999;
    height: 0.23rem;
    position: absolute;
    bottom: 10%;
    left: 50%;
    margin-left: -0.5rem;
  }

  .add input {
    position: absolute;
    width: 100%;
    right: 0px;
    height: 100%;
    top: 0px;
    opacity: 0;
  }

  .enterprise {
    background-color: #fff;
    padding-bottom: 0.88rem;
  }

  /* 头部 */
  .my_header {
    height: 0.88rem;
    background: rgba(0, 133, 240, 1);
    text-align: center;
    color: #fff;
    line-height: 0.88rem;
    position: relative;
    padding: 0 0.3rem;
    width: 100%;
    position: fixed;
    top: 0px;
    z-index: 999;
  }

  .my_header i {
    font-size: 0.4rem;
    float: left;
    line-height: 0.88rem;
  }

  .top1 {
    display: inline-block;
    margin-left: -0.17rem;
  }

  /* 表单样式 */
  .mui-input-row label {
    font-size: 0.3rem;
    color: #333;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
  }

  .mui-input-group .mui-input-row:after {
    left: 0rem;
  }

  .mui-input-group input:last-child {
    font-size: 0.26rem;
    color: #666;
    font-family: PingFang-SC-Medium;
    text-align: right;
  }

  .mui-input-group .mui-input-row {
    height: 0.88rem;
  }

  #date {
    color: #666;
  }

  /* 上传营业执照 */
  .work {
    height: 3.7rem;
    padding: 0.3rem;
    background-color: #fff;
    /* display: none; */
  }

  .work h3 {
    font-size: 0.3rem;
    color: #333;
    font-weight: 500;
  }

  .work img {
    width: 2.22rem;
    height: 1.7rem;
  }

  .work span {
    font-size: 0.24rem;
    color: #ff260f;
  }

  .work p {
    margin-top: 0.1rem;
    line-height: 0.36rem;
    font-size: 0.24rem;
    color: #999;
    font-weight: 500;
  }

  /* 阅读并同意 */
  .agree {
    padding: 0.3rem;
  }

  .agree #inp {
    width: 0.4rem;
    height: 0.4rem;
    border-color: #0085f0;
    color: #0085f0;
  }

  .agree span {
    font-size: 0.24rem;
  }

  .agree a {
    color: #0085f0;
    font-size: 0.24rem;
    text-decoration: underline;
  }

  #inp {
    display: inline;
    margin-right: 0.12rem;
  }

  .van-checkbox__icon--checked .van-icon {
    color: #0085f0;
    font-size: 0.24rem;
    border-color: #0085f0;
  }

  .van-checkbox__icon--round .van-icon {
    border-radius: 0;
  }

  /* 提交按钮 */
  .button {
    width: 100%;
    text-align: center;
    background-color: #fff;
  }

  .btn {
    width: 93%;
    height: 0.88rem;
    background: rgba(0, 133, 240, 1);
    border-radius: 0.15rem;
    margin-bottom: 0.5rem;
    color: #fff;
  }

  .shzbtn {
    width: 93%;
    height: 0.88rem;
    border-radius: 0.15rem;
    margin-bottom: 0.5rem;
    background-color: rgb(226, 226, 226);
    color: rgb(102, 102, 102);
  }

  .shsb {
    color: brown;
    text-align: left;
    margin-left: 0.3rem;
  }

  .active {
    background-color: #ccc;
  }

  .pact {
    padding-top: 0.88rem;
  }

  /* 头部 */
  .my_header {
    height: 0.88rem;
    background: rgba(0, 133, 240, 1);
    text-align: center;
    color: #fff;
    line-height: 0.88rem;
    position: fixed;
    top: 0;
    z-index: 999;
    padding: 0 0.3rem;
    width: 100%;
  }

  .my_header i {
    font-size: 0.4rem;
    float: left;
    line-height: 0.88rem;
  }

  .top1 {
    display: inline-block;
  }

  .title {
    padding: 0.4rem 0.44rem 0.3rem 0.6rem;
    background-color: #fff;
  }

  .title h4 {
    text-align: center;
    font-size: 0.3rem;
    color: #333;
    height: 0.6rem;
    line-height: 0.6rem;
  }

  .title h5 {
    font-size: 0.26rem;
    color: #333;
    height: 0.5rem;
    line-height: 0.5rem;
    text-indent: 2em;
  }

  .title p {
    text-indent: 2em;
    font-size: 0.26rem;
    color: #666;
    line-height: 0.5rem;
  }

  .title div {
    text-indent: 2em;
    font-size: 0.26rem;
    color: #666;

    line-height: 0.5rem;
  }

  /* 认证通过显示 */
  .confirm {
    position: fixed;
    width: 100%;
    height: 100%;
  }

  /* 头部 */
  /* .my_header {
    height: .88rem;
    background: rgba(0, 133, 240, 1);
    text-align: center;
    color: #fff;
    line-height: .88rem;
    position: relative;
    padding: 0 .3rem;
  } */
  .my_header i {
    font-size: .4rem;
    float: left;
    line-height: .88rem;
  }

  .top1 {
    display: inline-block;
  }

  /* 成功提示 */
  .success {
    background-color: #fff;
    height: 100%;
    padding-top: 30%;
    text-align: center;
  }

  .success img {
    width: 1rem;
    height: 1rem;
  }

  .success p {
    height: .28rem;
    line-height: .36rem;
    font-size: .3rem;
    color: #333;
    margin-top: .4rem;
  }
</style>
